﻿


html, body {
    position: relative;
    padding: 0;
        margin: 0;
    border: 0;
    height: 100%;
}

footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:20px;
   width:100%;
   background:#DDD;
       padding: 0;
        margin: 0;
    border: 0;   
}
footer p {
    font-size: smaller;
        padding: 0;
        margin: 0;
    border: 0;
    line-height:20px;
}
.centercontent {
    position: relative;
    width: 50%;
    left: 50%;
    margin-left: -25%;
}

.k-menu {
    float: right;
     padding: 0;
    border: 0;
    margin: 0;
    height: 0; 
}

#mainnav {
    position: relative;
    right: 0;
    z-index: 100;
}

#mainnav .k-item {
    font-size:smaller;
    line-height: 80%;
    text-align:center;
    vertical-align:top;
    padding: 0;
    border: 0;
    margin: 0;
}
#mainnav .k-item > .k-link {
    line-height: 90%;
}

#header{
    background: white;
        position: relative;
            padding: 0;
    margin: 0;
    border: 0;
        top: 0;
        width: 100%;
        z-index: 5;
}
#header:before{
                padding: 0;
    margin: 0;
    border: 0;
	content: "";
	display: block;
	padding-top: 16%; 	
}
#headercontent{
    padding: 0;
    margin: 0;
    border: 0;
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    background: url("../images/portallogo.png") no-repeat;
    background-position: center center;
    background-size: cover;
}

#header.shrunkenhead {
    position: fixed;
    top: 0;
    left: 0;

    background: white url("../images/portallogo-small.png") no-repeat;
    background-position: left top;
    height: 30px;
    overflow:hidden;
}
#headercontent.shrunkenhead {
    background: none;
    display: none;
 }
#tabstrip {
    padding: 0;
    margin: 0;
    border: 0;
    background: white;
    width: 100%;
}

#tabstrip.fixedhead {
    background: white;
    z-index: 9;
}

#tabstrip.fixedhead > ul {
    position: fixed;
    top: 30px;
    width: 100%;
    background: white;
    z-index: 11;
} 
#tabstrip.fixedhead > div.k-content {
    width: 100%;
    padding-top:75px;
}

#mainnav.fixedhead {
    position: fixed;
    top: 30px;
    z-index: 100;
}
#mainnav.fixedhead .k-menu {
    position: relative;
    right:0;
}

@media (min-width: 800px) {
    #headercontent {
        background: url("../images/portallogo-wider.png") no-repeat;
    background-position: left top;
    background-size: cover;
    }
    #header:before {
        padding: 0;
        margin: 0;
        border: 0;
        content: "";
        display: block;
        padding-top: 10%;
    }
    #header.shrunkenhead {
    background: white url("../images/portallogo-small60.png") no-repeat;
    height: 60px;
}
    #tabstrip.fixedhead > ul {
        top: 60px;
    }
    #tabstrip.fixedhead > div.k-content {
        padding-top: 110px;
    }
    #mainnav.fixedhead {
    top: 65px;
}

}

@media (max-width: 600px) {
    #mainnav {
        position: relative;
        top: -5px;
    }

     #tabstrip .k-item {
        font-size: smaller;
    }
    #mainnav .k-item > .k-link {
    line-height: 80%;
}
   
    footer p {
        font-size: xx-small;
    }
    #tabstrip {
        position:relative;
        top: 20px;
    }
        #tabstrip.fixedhead>ul {
        top: 50px;
    }
        #mainnav.fixedhead {
            top:25px;
        }
        #header.shrunkenhead {
            height:50px;
        }
 
}

.progtable {
            background: #DDD;
            border-spacing: 0;
       }
        .MISSING {
            background: #FDD;
        }
            .progtable td, .progtable th, .MISSING td {
                padding: 5px;
                border: solid 1px white;
                
                            
             }

            .progtable thead {
                background: black;
                color: white;
            }




.k-header {
    border: none;
}
.staffInfo {
    border: none;
}
body {
    background-color: #F5F5F5;
}

.inputbox {
    box-shadow: 10px 10px 5px #888888;
        border: solid black 2px;
    margin-left: 5%;
    width: 80%;
}

#staffSchedule {

    margin-left:4%;padding:0px;
    margin-top: 10px;
	width:90%;
}

.classpanel {
    width: 90%;
    margin-left: 4%;
    margin-top: 5px;
}

.studentpic {
    width: 15%;
    float: left;
    margin: 2%;
}

.tabs {
     	margin:1%;padding:0px;
	width:95%;
	
	border: none;
    background: none;
}

.tabs div {
    box-shadow: 10px 10px 5px #888888;
}

.panelTable {
    	margin:0px;padding:0px;
	width:100%;
}

.panelTable td {
    width: 15%;
}

.schedTable {

	margin:4%;padding:0px;
	width:75%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
}
.schedTable table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.schedTable tr:nth-child(odd){ background-color:#f5f5f5; }
.schedTable tr:nth-child(even)    { background-color:#ffffff; }
.schedTable td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.schedTable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.schedTable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.schedTable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.schedTable thead tr th {
		background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);
	background-color:#4c4c4c;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.schedTable thead tr th:first-child{
	border-width:0px 0px 1px 0px;
}
.schedTable thead tr th:last-child{
	border-width:0px 0px 1px 1px;
}

.schedTable tr.CURRENT {
            background: pink;
            font-weight:bolder;
        }

